<template>
  <div id="app">
    <button @click="fn">组价弹框</button>
    <Alert :aaa="flang" :bbb='obj' @flang='fun'>
      <h2>{{obj.title}}</h2>
      <p>{{obj.content}}</p>
    </Alert>
  </div>
</template>

<script>
import Alert from './components/Alert'
export default {
  name: 'App',
  components: {
    Alert
  },
  methods: {
    fn(){
      this.flang=true
    },
    fun(b){
      this.flang=b
    }
  },
  data(){
    return{
      flang:false,
      obj:{
        title:'弹框',
        content:'这是弹框内容',
        QueDing:true,
        QuXiao:false
      }
    }
  }
}
</script>

<style lang="scss">
*{
  margin: 0;
  padding: 0;
  list-style: none
}
#app {
  width: 100%;
  height: 100%;
}
</style>
